﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>กองบังคับการตำรวจนครบาล 4 | พื้นที่รับผิดชอบ</title>
	
	<!-- core CSS -->
    <link href="Content/bootstrap.min.css" rel="stylesheet">
    <link href="Content/font-awesome.min.css" rel="stylesheet">
    <link href="Content/animate.min.css" rel="stylesheet">
    <link href="Content/prettyPhoto.css" rel="stylesheet">
    <link href="Content/main.css" rel="stylesheet">
    <link href="Content/responsive.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->       
    <link rel="shortcut icon" href="images/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png">
</head><!--/head-->

<body class="homepage">

    <header id="header">
        <div class="top-bar">
            <div class="container">
                <div class="row">
                    <div class="col-sm-6 col-xs-4">
                        <div class="top-number"><p><i class="fa fa-phone-square"></i>  0-2000-xxxx</p></div>
                    </div>
                    <div class="col-sm-6 col-xs-8">
                       <div class="social">
                            <ul class="social-share">
                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>                                
                                <li><a href="#"><i class="fa fa-skype"></i></a></li>
                            </ul>
                            <div class="search">
                                <form role="form">
                                    <input type="text" class="search-form" autocomplete="off" placeholder="Search">
                                    <i class="fa fa-search"></i>
                                </form>
                           </div>
                       </div>
                    </div>
                </div>
            </div><!--/.container-->
        </div><!--/.top-bar-->

        <nav class="navbar navbar-inverse" role="banner">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="index.html"><img src="images/logo.png" alt="logo"></a>
                </div>
				
                <div class="collapse navbar-collapse navbar-right">
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="index.html">หน้าหลัก</a></li>
                        <li><a href="history.html">ประวัติกองสืบ</a></li>
                        <li><a href="vision.html">วิสัยทัศน์</a></li>
                        <li><a href="#">ผู้บังคับบัญชา</a></li>                        
                        <li><a href="area.html">พื้นที่รับผิดชอบ</a></li> 
                        <li><a href="contact.html">ติดต่อกองสืบ</a></li>                        
                    </ul>
                </div>
            </div><!--/.container-->
        </nav><!--/nav-->
		
    </header><!--/header-->

    

    

   

    <section id="middle">
        <div class="container">
            <div class="row">
                <div class="col-sm-6 wow fadeInDown">
                    <div class="skill">                      
                        

                        <div class="progress-wrap">
                            <h2>พื้นที่รับผิดชอบ</h2>
                            <div class="progress">
                              <div class="progress-bar color4" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
                                <span class="bar-width"></span>
                              </div>
                               
                            </div>
                            
                            <!--/Detail history-->
                            
                             <div class="col-xs-12 col-sm-10 blog-content">
                             
                                <h3><a href="blog-item.html">กองกำกับการสืบสวนสอบสวน กองบังคับการตำรวจนครบาล 4 มีพื้นที่รับผิดชอบ 8 สถานี ประกอบด้วย</a></h3>                                                               
                                                              
                                <h3>&nbsp;&nbsp;&nbsp;1. สถานีตำรวจนครบาลหัวหมาก</h3>
                                <h3>&nbsp;&nbsp;&nbsp;2. สถานีตำรวจนครบาลลาดพร้าว</h3>
                                <h3>&nbsp;&nbsp;&nbsp;3. สถานีตำรวจนครบาลวังทองหลาง</h3>
                                <h3>&nbsp;&nbsp;&nbsp;4. สถานีตำรวจนครบาลโชคชัย</h3>
                                <h3>&nbsp;&nbsp;&nbsp;5. สถานีตำรวจนครบาลบางชัน</h3>
                                <h3>&nbsp;&nbsp;&nbsp;6. สถานีตำรวจนครบาลบึงกุ่ม</h3>
                                <h3>&nbsp;&nbsp;&nbsp;7. สถานีตำรวจนครบาลประเวศ</h3>
                                <h3>&nbsp;&nbsp;&nbsp;8. สถานีตำรวจนครบาลอุดมสุข</h3>
                                
                                <h3>สภาพพื้นที่เป็นสถานที่ราชการ บ้านพักอาศัย หมู่บ้านจัดสรร อพาร์ทเม้นท์ คอนโดมิเนียม หอพักโรงงาน อุตสาหกรรม สถานศึกษา โรงพยาบาล ศูนย์การค้า และแหล่งสถานบันเทิงเริงรมย์ต่างๆ รวมพื้นที่ที่รับผิดชอบ 183.985 ตารางกิโลเมตร</h3> 
                                
                                <h3><a href="blog-item.html">รูปภาพพื้นที่ที่รับผิดชอบ</a></h3>  
                                <div>
                                    <ul style="list-style-type:none">                              
                                     <img src="images/arear_01.png" width="120" height="66">
                                     <img src="images/arear_02.png" width="120" height="66">
                                     <img src="images/arear_01.png" width="120" height="66">
                                     </ul>
                                     <ul>                                     
                                     <img src="images/arear_03.png" width="120" height="66">
                                     <img src="images/arear_01.png" width="120" height="66">
                                     <img src="images/arear_02.png" width="120" height="66">
                                     </ul>
                                </div>     
                                     
                                     
                                                           
                                
                            </div>
                            <!--/End Detail history-->                         
                            
                   </div>

                       
                    </div>

                </div><!--/.col-sm-6-->

                <div class="col-sm-6 wow fadeInDown">
                    <div class="accordion">
                        <center><h2>ผู้บังคับบัญชา</h2>
                        <img class="img-responsive" src="images/P_BB.jpg"></center><br>
                        
                        <h2>ข่าวยอดนิยม</h2>
                        <div class="panel-group" id="accordion1">
                          <div class="panel panel-default">
                            <div class="panel-heading active">
                              <h3 class="panel-title">
                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href="#collapseOne1">
                                  หัวข้อผลการจับกุม
                                  <i class="fa fa-angle-right pull-right"></i>
                                </a>
                              </h3>
                            </div>

                            <div id="collapseOne1" class="panel-collapse collapse in">
                              <div class="panel-body">
                                  <div class="media accordion-inner">
                                        <div class="pull-left">
                                            <img class="img-responsive" src="images/accordion1.png">
                                        </div>
                                        <div class="media-body">
                                             <h4>หัวข้อผลการจับกุม</h4>
                                             <p>รายละเอียด หรือเนื้อหาต่างๆ ของข่าว รายละเอียด หรือเนื้อหาต่างๆ ของข่าว รายละเอียด หรือเนื้อหาต่างๆ ของข่าว รายละเอียด หรือเนื้อหาต่างๆ ของข่าว </p>
                                        </div>
                                  </div>
                              </div>
                            </div>
                          </div>

                          <div class="panel panel-default">
                            <div class="panel-heading">
                              <h3 class="panel-title">
                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href="#collapseTwo1">
                                   หัวข้อผลการจับกุม
                                  <i class="fa fa-angle-right pull-right"></i>
                                </a>
                              </h3>
                            </div>
                            <div id="collapseTwo1" class="panel-collapse collapse">
                              <div class="panel-body">
                              <div class="media accordion-inner">
                                        <div class="pull-left">
                                            <img class="img-responsive" src="images/accordion2.png">
                                        </div>
                                        <div class="media-body">
                                             <h4>หัวข้อผลการจับกุม</h4>
                                             <p>รายละเอียด หรือเนื้อหาต่างๆ ของข่าว รายละเอียด หรือเนื้อหาต่างๆ ของข่าว รายละเอียด หรือเนื้อหาต่างๆ ของข่าว รายละเอียด หรือเนื้อหาต่างๆ ของข่าว </p>
                                        </div>
                                  </div>
                              </div>
                            </div>
                          </div>

                          <div class="panel panel-default">
                            <div class="panel-heading">
                              <h3 class="panel-title">
                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href="#collapseThree1">
                                   หัวข้อผลการจับกุม
                                  <i class="fa fa-angle-right pull-right"></i>
                                </a>
                              </h3>
                            </div>
                            <div id="collapseThree1" class="panel-collapse collapse">
                              <div class="panel-body">
                                <div class="media accordion-inner">
                                        <div class="pull-left">
                                            <img class="img-responsive" src="images/accordion3.png">
                                        </div>
                                        <div class="media-body">
                                             <h4>หัวข้อผลการจับกุม</h4>
                                             <p>รายละเอียด หรือเนื้อหาต่างๆ ของข่าว รายละเอียด หรือเนื้อหาต่างๆ ของข่าว รายละเอียด หรือเนื้อหาต่างๆ ของข่าว รายละเอียด หรือเนื้อหาต่างๆ ของข่าว </p>
                                        </div>
                                  </div>
                              </div>
                            </div>
                          </div>

                          <div class="panel panel-default">
                            <div class="panel-heading">
                              <h3 class="panel-title">
                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href="#collapseFour1">
                                   หัวข้อผลการจับกุม
                                  <i class="fa fa-angle-right pull-right"></i>
                                </a>
                              </h3>
                            </div>
                            <div id="collapseFour1" class="panel-collapse collapse">
                              <div class="panel-body">
                                <div class="media accordion-inner">
                                        <div class="pull-left">
                                            <img class="img-responsive" src="images/accordion4.png">
                                        </div>
                                        <div class="media-body">
                                             <h4>หัวข้อผลการจับกุม</h4>
                                             <p>รายละเอียด หรือเนื้อหาต่างๆ ของข่าว รายละเอียด หรือเนื้อหาต่างๆ ของข่าว รายละเอียด หรือเนื้อหาต่างๆ ของข่าว รายละเอียด หรือเนื้อหาต่างๆ ของข่าว </p>
                                        </div>
                                  </div>
                              </div>
                            </div>
                          </div>
                        </div><!--/#accordion1-->
                    </div>
                </div>

            </div><!--/.row-->
        </div><!--/.container-->
    </section><!--/#middle-->

    
    <section id="partner">
        <div class="container">            

            <div class="partners">
                <ul>
                    <li> <a href="#"><img class="img-responsive wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms" src="images/Link_01.png"></a>&nbsp;&nbsp;&nbsp;</li>
                    <li> <a href="#"> <img class="img-responsive wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms" src="images/Link_02.png"> </a>&nbsp;&nbsp;&nbsp;</li>
                    <li> <a href="#"> <img class="img-responsive wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="900ms" src="images/Link_03.png"> </a>&nbsp;&nbsp;&nbsp;</li>                   
                </ul>
            </div>        
        </div><!--/.container-->
    </section><!--/#partner-->

    

    <section id="bottom">
        <div class="container wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
            <div class="row">
                <div class="col-md-3 col-sm-6">
                    <div class="widget">
                        <h4><font color="#ffffff">กองบังคับการตำรวจนครบาล</font></h4>
                        <ul>
                            <li><a href="#"><font color="#ffffff"> - กองบังคับการตำรวจนครบาล ๑</font></a></li>
                            <li><a href="#"><font color="#ffffff"> - กองบังคับการตำรวจนครบาล ๒</font></a></li>
                            <li><a href="#"><font color="#ffffff"> - กองบังคับการตำรวจนครบาล ๓</font></a></li>
                            <li><a href="#"><font color="#ffffff"> - กองบังคับการตำรวจนครบาล ๔</font></a></li>
                            <li><a href="#"><font color="#ffffff"> - กองบังคับการตำรวจนครบาล ๕</font></a></li>
                            <li><a href="#"><font color="#ffffff"> - กองบังคับการตำรวจนครบาล ๖</font></a></li>
                            <li><a href="#"><font color="#ffffff"> - กองบังคับการตำรวจนครบาล ๗</font></a></li>
                            <li><a href="#"><font color="#ffffff"> - กองบังคับการตำรวจนครบาล ๘</font></a></li>
                            <li><a href="#"><font color="#ffffff"> - กองบังคับการตำรวจนครบาล ๙</font></a></li>
                        </ul>
                    </div>    
                </div><!--/.col-md-3-->

                <div class="col-md-3 col-sm-6">
                    <div class="widget">
                        <h4><font color="#ffffff">ตำรวจนครบาล ๔</font></h4>
                        <ul>
                            <li><a href="#"><font color="#ffffff"> - สน.หัวหมาก</font></a></li>
                            <li><a href="#"><font color="#ffffff"> - สน.โชคชัย</font></a></li>
                            <li><a href="#"><font color="#ffffff"> - สน.บางชัน</font></a></li>
                            <li><a href="#"><font color="#ffffff"> - สน.บึงกุ่ม</font></a></li>
                            <li><a href="#"><font color="#ffffff"> - สน.ประเวศ</font></a></li>
                            <li><a href="#"><font color="#ffffff"> - สน.ลาดพร้าว</font></a></li>
                            <li><a href="#"><font color="#ffffff"> - สน.วังทองหลาง</font></a></li>
                            <li><a href="#"><font color="#ffffff"> - สน.อุดมสุข</font></a></li>                            
                        </ul>
                    </div>    
                </div><!--/.col-md-3-->

                
            </div>
        </div>
    </section><!--/#bottom-->

    <footer id="footer" class="midnight-blue">
        <div class="container">
            <div class="row">
                <div class="col-sm-6">
                    <img src="images/logo.png" alt="logo"><br>
                    &copy; 2557 <a target="_blank" href="" title="กองบังคับการตำรวจนครบาล ๔">กองกำกับการสืบสวนสอบสวน กองบังคับการตำรวจนครบาล ๔</a> สงวนลิขสิทธิ์ inv.submetro4@gmail.com 
                </div>
                <div class="col-sm-6">
                    <ul class="pull-right">
                        <li><a href="#">หน้าหลัก</a></li>                       
                    </ul>
                </div>
            </div>
        </div>
    </footer><!--/#footer-->

    <script src="Scripts/jquery.js"></script>
    <script src="Scripts/bootstrap.min.js"></script>
    <script src="Scripts/jquery.prettyPhoto.js"></script>
    <script src="Scripts/jquery.isotope.min.js"></script>
    <script src="Scripts/main.js"></script>
    <script src="Scripts/wow.min.js"></script>
</body>
</html>